<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/ssb/include/common-base.jsp"%>
  <title>佣金管理</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
<div class="wrapper">

  <!-- top start -->
  <%@include file="/common/ssb/top.jsp" %>
  <!-- top end -->
  <!-- left start -->
  <%@include file="/common/ssb/left.jsp" %>
  <!-- left end-->

  <div class="content-wrapper">
    <!-- Main start -->
	<section class="content">
	  			<div id="div_hidden_content" class="hidden" style="display:none;">
	  			    <input name="templateType" type="hidden" value="search"/>
                    <div id="hidden_common_final">
                        <!-- temp="hidden_common_final" start -->
										<input name="mainObjName" type="hidden" value="ssUserBalance">
										<input name="mainObjPrimaryKey" type="hidden" value="infoId">
										<input name="objNameAll" type="hidden" value="ssUserBalance">
				<!-- temp="hidden_common_final" end -->
                     </div>
                    <!-- temp="delForm_hidden" start -->
                        <div id="delForm_hidden"></div>
                    <!-- temp="delForm_hidden" end -->

                    <!-- temp="viewForm_hidden" start -->
									<div id="viewForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="ss-user-balance"/>
										<input type="hidden" name="formName" value=""/>
										<input type="hidden" name="ssUserBalance.w_infoId" value=''/>
										<input type="hidden" name="location" value="/sendPage/ssb/admin/yjgl/yjgl-list-detail"/>
										<input type="hidden" name="locationCashOut" value="/sendPage/ssb/admin/channel/channel-cash-out-list"/>
									</div>
				<!-- temp="viewForm_hidden" end -->

                    <!-- temp="editForm_hidden" start -->
                        <div id="editForm_hidden" style="display:none;"></div>
                    <!-- temp="editForm_hidden" end -->
	  			</div>
      <div class="row">
        <div class="col-xs-12">
        
          <!------搜索  start ------->
          <div class='box box-info'>
             <!--搜索title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-search"></i> 佣金管理搜索</h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
            <!--搜索title  end --> 
            <div class="box-body">
            	<form id="searchForm" action="javascript:;">
	            	<!-- temp="searchForm_hidden" start -->
									<div id="searchForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="ss-commission-list-search"/>
										<input type="hidden" name="formName" value="searchForm"/>
										<input type="hidden" name="startDate" class="clean"/>
										<input type="hidden" name="endDate" class="clean"/>
										<input type="hidden" name="userType" value="${loginUser.userType}"/>
										<c:if test="${loginUser.userType=='broker'}">
											<input type="hidden" name="ssCommissionDetail.w_userId" value="${loginUser.userId}"/>
										</c:if>
									</div>
				<!-- temp="searchForm_hidden" end -->
					
	              	<!-- temp="searchForm_content" start -->
				<div id="searchForm_content" class="form-group"  data-temp-code="true" data-temp-type="searchForm" data-temp-form-id="searchForm">


					<table class="table table-bordered bordercolor">
						<tbody>
						<tr>
							<td class="active" align="right"><label class="form-control-static">渠道商账号：</label></td>
							<td>
								<div class="form-group"><input name="ssCommissionDetail.wl_userEname"
															   class="form-control clean" maxlength="30"
															   data-temp-obj="ssCommissionDetail.userEname" ></div>
							</td>
							<td class="active" align="right"><label class="form-control-static">结算周期：</label></td>
							<td>
								<div class="form-group">
									<div class="input-group "><input name="settlementCycle" onchange="setDate(this)"
																	 data-temp-obj="settlementCycle"
																	 data-type-tag="date" maxlength="30"
																	 class="form-control clean datepicker"
																	 readonly="readonly"
																	 type="text"><span
											class="input-group-addon"> <i
											class="fa fa-calendar"></i></span></div>
								</div>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
				<!-- temp="searchForm_content" end -->
			  	</form>
			  <div class="box-footer text-center">
			       <button type="button" class="btn btn-success" onclick="getTableData();" data-temp-event="searchForm_hidden"><i class="fa fa-search"></i> 查询</button> 
			       <button type="button" class="btn btn-warning" onclick="mytools.cleanData('#searchForm');">重置 </button>
			   </div>
            </div>
	     </div>
	     <!------- 搜索 end -------->
           
        <!------- 列表 start -------->
          <div class="box box-success">
            <!--列表title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-table"></i> 佣金查询结果</h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
			  <div class="box-body">
              	 	<table id="dataList" class="table table-bordered table-hover">
              	 		<thead>
		                	<tr id="dataList_thead_content" data-temp-code="true" data-temp-type="table" data-temp-show="dataList_template_content">
			                	<th>序号</th>
			                	<!-- temp="dataList_thead_content" start -->

											<th data-temp-obj="ssUserBalance.userEname">结算周期</th>
											<th data-temp-obj="ssUserBalance.userOwner">渠道商账号</th>
											<th data-temp-obj="ssUserBalance.userOwner">渠道商名称</th>
											<th data-temp-obj="ssUserBalance.userCname">保单量</th>
											<th class="text-right" data-temp-obj="ssUserBalance.availableBalance">保费（元）</th>
											<th class="text-right" data-temp-obj="ssUserBalance.freezeBalance">应得推广费（元）</th>
											<th class="text-right" data-temp-obj="ssUserBalance.totalCashOut">已提现总额</th>
											<th class="text-center">操作</th>
				<!-- temp="dataList_thead_content" end -->
		                	</tr>
	                	</thead>
		                <tbody id="dataList-body">

		                </tbody>
	              </table>
            	</div>
           	 	
           	 	<%--<div class="box-footer text-center">
			      	<ul id="dataList-page" class="pagination">
					</ul>
			 	</div>      --%>
           </div>
        <!------- 列表 end -------->
        </div>
      </div>
  

<!-- Part 二、以下是template模板定义的模块区域 -->
<script type="text/template" id="dataList-template">
		<? for ( var i = 0; i < rows.length; i++) {?>
		<tr>
				<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
			<!-- temp="dataList_template_content" start -->
				<td><?=strUtil.doNull(rows[i].yearmonth,'')?></td>
				<td><?=strUtil.doNull(rows[i].userEname,'')?></td>
				<td><?=strUtil.doNull(rows[i].userCname,'')?></td>
				<td><?=strUtil.doNull(rows[i].num,'')?></td>
				<td class="text-right">￥<?=fmoneyDoNull(rows[i].premium,'')?></td>
				<td class="text-right">￥<?=fmoneyDoNull(rows[i].amount,'')?></td>
				<td class="text-right">￥<?=fmoneyDoNull(rows[i].applymoney,'')?></td>
				<!-- temp="dataList_template_content" end -->
              <td class="text-center">
				<button type="button" class="btn btn-success btn-xs" onclick="toLoad('<?=rows[i].userId?>','view','<?=rows[i].yearmonth?>')"><i class="fa fa-search-plus"></i> 查看明细</button> 
			</td>
		</tr>
   <?}?>  		
</script>

<!-- Part 三、 以下是js模块区域 -->
<script>
var clickMenu = "yjgl-list";
var myPage,dataListId,searchFormId;
myPage = 10;//定义列表数据
dataListId = "dataList";//显示列表数据div的id
searchFormId = "searchForm";//搜索表单Id
/**
 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
 */
var dictListMap = DictUtil.initDictAndDymic();
 
$(function () {
	//1、加载分页列表数据
	getTableData();
	
	//2、控制是否启用token
	//setToken();
	
 });
 
 $(function () {
	//设置数据行选中效果
	$('#'+dataListId+' tbody').on('click','tr', function (e) {
	     if ( $(this).hasClass('selected') ) {
	        }
	        else {
	            $('tr.selected').removeClass('selected');
	            $(this).addClass('selected');
	        }
	     //var id = $('tr.selected th').eq(0).html();
	} );
 });
//注入日历框样式
var dateObject = $('.datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm",
	minViewMode:'months',
	autoclose: true
});
//数据toLoad读取（查看、编辑）数据
function toLoad(id,type,date){
	var reqUrl="";
	if("view"==type){
		reqUrl = $("#viewForm_hidden").find("input[name='location']").val();
	}else {
		reqUrl = $("#viewForm_hidden").find("input[name='locationCashOut']").val();
	}
	var pageUrl =  ctx+reqUrl+"?userId="+id+"&date="+date;
	mytools.pjax(pageUrl);
}
//加载列表数据
function getTableData(){
    if(strUtil.isNull($("#"+searchFormId).find("input[name='pageName']").val())){return;}
    var index_load = layer.load(1, {shade: false});
	$.ajax({
		   type:'get',
		   url:common_list_url,
		   data:$("#"+searchFormId).serialize(),
		   dataType:'json',
		   success: function(myData){
		   		console.log(myData);
		   		if(myData.total>0){
					var data = baidu.template(dataListId+"-template",eval(myData));
					$("#"+dataListId+"-body").html(data);
				}else{
					$("#"+dataListId+"-body").html("暂无数据");
				}
			   layer.close(index_load);
		   }
		});	
  }
  function setDate(obj) {
	  var date = $(obj).val();
	  $("#searchForm").find("input[name='startDate']").val(date);
	  $("#searchForm").find("input[name='endDate']").val(date);
  }

//刷新
function refresh(){
	getTableData();
}
//设置token
function setToken(){
	$.ajax({
	    type:'get',
	    url:'${ctx}/sendPage/token?token=true',
	    dataType:'text',
	    success: function(myData){
	    	console.log(myData);
			$('.formToken').val(myData);
	  	}
	});	
}


</script>
</section>
<!-- Main end -->   
</div>
<!-- foot start -->
<%@include file="/common/ssb/foot.jsp" %>
<!-- foot start -->
</div>
<!-- /.content-wrapper -->
</body>
</html>







